<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">

  <title>欢迎进入鹏程快递</title>
  <link rel="stylesheet" type="text/css" href="public/dist/css/zui.min.css" />
  <link href="public/dist/lib/uploader/zui.uploader.min.css" rel="stylesheet">

  <style>
    #framer {
      width: 100%;
      height: 900px;
      margin: 0px auto;
    }

    #center {

      text-align: center;
    }

    #fram {
      height: 600px;
      margin: 10px auto;
    }

    .right {
      position: absolute;
      left: 20px;
      top: 56px;
      right: 20px;
      bottom: 0px;
    }

    iframe {
      width: 100%;
      height: 100%;
      border: 10px;
    }

    #center {

      text-align: center;
    }
  </style>
</head>

<body>
  <div class="panel " id="framer">
    <!--导航条-->
    <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">
        <!-- 导航头部 -->
        <div class="navbar-header">
          <!-- 移动设备上的导航切换按钮 -->
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-example">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!-- 品牌名称或logo -->
          <a class="navbar-brand" href="#">欢迎进入鹏程快递</a>
        </div>
        <!-- 导航项目 -->
        <div class="collapse navbar-collapse navbar-collapse-example">
          <!-- 一般导航项目 -->
          <ul class="nav navbar-nav navbar-right">
            <li><a href="###">欢迎<span id="userName"></span></a></li>
            <!-- <li ><img src="/image/1.png"></li> -->
            <li><img src="?" id="imgInit" width="35px" height="35px" class="img-circle"></li>
            <li><a href="###" onclick="myMoney()">当前余额：<span id="score"></a></li>
            <li><a onclick="myinfo()">个人信息</a></li>
            <li><a onclick="doUpdatee()">修改个人信息</a></li>
            <li><a onclick="orders()" id="doc">在线下单</a></li>
            <li><a onclick="mylogistics()" id="mylogistics">查询物流</a></li>
            <li><a onclick="network()" id="putdoc">查询网点</a></li>
            <li><a onclick="contraband()" id="contraband">查询违禁品</a></li>
            <li><a href="exit.act">注销</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="panel-body">

      <div class="right">
        <iframe id="frame" src="page.act?p=mylogistics"></iframe>
      </div>

    </div>




    <div class="panel-body">

      <!-- 个人信息 -->
      <div class="modal fade" id="myinfo">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                  class="sr-only">关闭</span></button>
              <h4 class="modal-title">个人信息</h4>
            </div>
            <div class="modal-body">


              <div id="center">
                <img src="?" id="imgInitt" width="200px" height="200px" class="img-circle">
              </div>


              <div>
                <span>用户名:</span>
                <span id="name"></span>
              </div>
              <div>
                <span>性别:</span>
                <span id="sex"></span>
              </div>

              <div>
                <span>手机号:</span>
                <span id="tel"></span>
              </div>






              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>

              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>




















  <div class="panel-body">
    <!--修改个人资料-->
    <div class="modal fade" id="doUpdatee">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                class="sr-only">关闭</span></button>
            <h4 class="modal-title">修改个人资料</h4>
          </div>
          <div class="modal-body">




            <div id="center">
              <div id="uploaderExample" class="uploader">
                <div class="file-list" data-drag-placeholder="请拖拽文件到此处"> </div>
                <button type="button" onclick="gethead()" class="btn  uploader-btn-browse"><i
                    class="icon icon-cloud-upload"></i> 选择头像图片</button>

                <div class="uploader"></div>
              </div>



              <form class="form-horizontal">
                

                <div class="form-group">
                  <label for="exampleInputAccount4" class="col-sm-3">用户名</label>
                  <div class="col-md-6 col-sm-10">
                    <input type="text" class="form-control" id="uName" placeholder="用户名">
                  </div>
                </div>

                <div class="form-group">
                  <label for="exampleInputAccount4" class="col-sm-3">电话</label>
                  <div class="col-md-6 col-sm-10">
                    <input type="text" class="form-control" id="uTell" placeholder="手机号">
                  </div>
                </div>

                <div class="form-group">
                  <label for="exampleInputPassword4" class="col-sm-3">密码</label>
                  <div class="col-md-6 col-sm-10">
                    <input type="password" class="form-control" id="uPwd" placeholder="密码">
                  </div>
                </div>

                <div class="form-group">
                  <label for="exampleInputPassword4" class="col-sm-3">确认密码</label>
                  <div class="col-md-6 col-sm-10">
                    <input type="password" class="form-control" id="cPwd" placeholder="确认密码">
                  </div>
                </div>

              </form>






            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
              <button type="button" class="btn btn-primary" onclick="confirm()">确定</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="panel-body">

    <div class="modal fade" id="myMoney">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
            <h4 class="modal-title">标题</h4>
          </div>
          <div class="modal-body">
           
            <form class="form-horizontal">
            <div class="form-group">
              <label for="exampleInputAccount4" class="col-sm-3">充值金额</label>
              <div class="col-md-6 col-sm-10">
                <input type="text" class="form-control" id="money" placeholder="请输入充值金额">
              </div>
            </div>
          </form>

          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary" onclick="confirm2()">确定</button>
          </div>
        </div>
      </div>
    </div>

  </div>



</body>
<script type="text/javascript" src="public/dist/lib/jquery/jquery.js"></script>
<script type="text/javascript" src="public/dist/js/zui.min.js"></script>
<script type="text/javascript" src="public/layer/layer.js"></script>
<script type="text/javascript" src="public/dist/lib/uploader/zui.uploader.min.js"></script>
<script type="text/javascript" src="public/js/function.js"></script>
<script type="text/javascript" src="public/js/usermain.js"></script>

</html>